#reg { width: 100%; min-width: 1030px; }

#reg .container { width: 1030px; }

#reg #top { width: 100%; }

#reg #top .top-l h1 { width: 220px; height: 60px; background: url(../img/logo.png) no-repeat; text-indent: -10000px; margin-top: 20px; }

#reg #top .top-r { margin-top: 60px; font-size: 16px; }

#reg #top .top-r a { color: #EF3CA2; text-decoration: none; }

#reg #main { width: 100%; height: 680px; background: url(../img/register_bg.png) repeat; overflow: hidden; }

#reg #main .reg-main { width: 860px; height: 560px; border: 12px solid #D5D5D5; background: #fff; margin: 60px auto; }

#reg #main .reg-main .reg-main-l { width: 620px; }

#reg #main .reg-main .reg-main-l p { height: 60px; line-height: 60px; color: #EF3CA2; border-bottom: 1px solid #ccc; text-align: center; font-size: 18px; margin-left: 10px; margin-bottom: 0; }

#reg #main .reg-main .reg-main-l .sj { position: relative; width: 293px; border: 2px solid #EF3C79; margin: 0 auto; }

#reg #main .reg-main .reg-main-l .sj1 { position: absolute; width: 0; height: 0; top: 2px; left: 50%; border: 8px solid transparent; border-top-color: #f00; }

#reg #main .reg-main .reg-main-l .form { width: 400px; margin-top: 48px; margin-left: 120px; }

#reg #main .reg-main .reg-main-l .form .tell { position: relative; width: 400px; height: 55px; border: 1px solid #ccc; line-height: 50px; }

#reg #main .reg-main .reg-main-l .form .tell .ts { position: absolute; top: 5px; left: 300px; display: block; width: 200px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #ddd; background: pink; display: none; }

#reg #main .reg-main .reg-main-l .form .tell .ts i { color: #f00; }

#reg #main .reg-main .reg-main-l .form .success { border: 1px solid #58bc58; }

#reg #main .reg-main .reg-main-l .form .error { border: 1px solid #f00; }

#reg #main .reg-main .reg-main-l .form .code { position: relative; }

#reg #main .reg-main .reg-main-l .form .code #udcode { position: absolute; width: 120px; height: 55px; display: block; background: #f00; right: 0; top: -2px; text-decoration: none; color: #fff; text-align: center; line-height: 55px; font-size: 20px; }

#reg #main .reg-main .reg-main-l .form .code #udcode .huan { position: absolute; top: 0; border: 1px solid #ccc; width: 120px; height: 55px; display: block; opacity: 0.8; font-size: 18px; color: #ccc; display: none; }

#reg #main .reg-main .reg-main-l .form .code #udcode:hover .huan { display: block; }

#reg #main .reg-main .reg-main-l .form .code .fault { position: absolute; left: 250px; color: #f00; line-height: 50px; display: none; }

#reg #main .reg-main .reg-main-l .form .code .right { position: absolute; left: 250px; color: #58bc58; line-height: 50px; display: none; }

#reg #main .reg-main .reg-main-l .form .next input { width: 400px; height: 55px; text-align: center; background: #EF3C79; color: #fff; font-size: 18px; font-weight: bold; margin-top: 15px; }

#reg #main .reg-main .reg-main-r { height: 500px; width: 200px; border-left: 1px solid #ccc; margin: 10px 0; }

#reg #main .reg-main .reg-main-r p { margin-top: 30px; font-size: 14px; margin-left: 20px; }

#reg #main .reg-main .reg-main-r ul { margin-top: 20px; margin-left: 30px; }

#reg #main .reg-main .reg-main-r ul li { height: 35px; line-height: 35px; }

#reg #main .reg-main .reg-main-r ul li span { color: #ccc; margin-left: 7px; }

#reg #end { padding-top: 88px; width: 100%; height: 160px; background: #FAFAFA; }

#reg #end .end1 { text-align: center; }

#reg #end .end1 a { display: inline-block; padding: 0 10px; height: 16px; line-height: 16px; font-size: 12px; color: #000; text-decoration: none; }

#reg #end .end1 .end11 { border-right: 2px solid #666; }

#reg #end .end2 { text-align: center; height: 40px; line-height: 40px; }
